<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="custom-taglib" prefix="custom"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Tregante</title>
<link href='http://fonts.googleapis.com/css?family=Crimson+Text:600' rel='stylesheet' type='text/css' />
<link href="../../css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<link href="../../css/style.css" rel="stylesheet" type="text/css" />
<link href="../../js/ui/header/jquery.header.css" rel="stylesheet" type="text/css" />
<link href="../../css/html/container.css" rel="stylesheet" type="text/css" />
<link href="../../js/ui/footer/jquery.footer.css" rel="stylesheet" type="text/css" />
<link href="../../css/html/report/reportlist.css" rel="stylesheet" type="text/css" />
<link href="../../js/ui/pageheader/jquery.pageheader.css" rel="stylesheet" type="text/css" />
<link href="../../js/ui/reportgrid/jquery.reportgrid.css" rel="stylesheet" type="text/css" />
<link rel="icon" type="image/png" href="../../images/tregante-fav-icon.png" />
<script type="text/javascript" src="../../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../../js/jquery.easing.min.js"></script>
<script type="text/javascript" src="../../js/jquery.plusslider-min.js"></script>
<script type="text/javascript" src="../../js/jquery.bt.js"></script>
<script type="text/javascript" src="../../js/twitter.js"></script>
<script type="text/javascript" src="../../js/jquery.ui.totop.js"></script>
<script type="text/javascript" src="../../js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="../../js/ui/header/jquery.header.js"></script>
<script type="text/javascript" src="../../js/ui/footer/jquery.footer.js"></script>
<script type="text/javascript" src="../../js/ui/pageheader/jquery.pageheader.js"></script>
<script type="text/javascript" src="../../js/html/header.js"></script>
<script type="text/javascript" src="../../js/html/report/reportlist.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		var menus = [
				{
					href : '../home/index' ,
					title : '首页'
				} , {
					href : '../report/${reports.menuid}' ,
					title : '${reports.title}报表' ,
					active : true
				}
		];
		$("#pageheader").pageHeader({
			menus : menus ,
			currentPage : {
				title : '${reports.title}'
			}
		});

	});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
	<div id="header" menuid="${reports.menuid}"></div>
	<!--header-->
	<div id="pic-holder">
		<div id="slider">
			<div class="slider-pic" style="background: url(../../images/index/slider-1.jpg) no-repeat scroll center center;"></div>
			<div class="slider-pic" style="background: url(../../images/index/slider-2.jpg) no-repeat scroll center center;"></div>
			<div class="slider-pic" style="background: url(../../images/index/slider-3.jpg) no-repeat scroll center center;">
				<div class="slider-caption">
					<p>
						This is some <a href="##">example</a> html caption.
					</p>
				</div>
			</div>
			<div class="slider-pic" style="background: url(../../images/index/slider-4.jpg) no-repeat scroll center center;"></div>
		</div>
		<!--slider-->
	</div>
	<!--pic-holder-->
	<div id="container-inner">
		<ul id="pageheader">
		</ul>
		<!--breadcrumb-wrapper-->
		<div id="inner-border"></div>
		<div class="clear"></div>
		<div class="contentwrap-inner">
			<div id="port-left">
				<ul class="projects">
					<c:forEach var="report" items="${reports.reports}">
						<li class="project">
							<div class="port-img-wrap">
								<a class="port-pp" title="&nbsp;" href="images/rw-1-big.jpg" rel="prettyPhoto"> <ins>
										<div class="port-img-inner">
											<img class="port-img" src="images/rw-1-big.jpg" alt="${report.reportname}" />
										</div>
										<!--port-img-inner-->
									</ins>
								</a>
								<div class="pro-date">
									<span class="day">28</span> <span class="month">AUG</span> <span class="year">12</span>
								</div>
								<!--pro-date-->
								<div class="port-protitle">
									<a class="project-single" title="&nbsp;" href="portfolio-single.html"><ins>
											<h4>${report.reportname}</h4>
										</ins></a>
								</div>
								<!--port-protitle-->
								<ul class="port-category">
									<li><span class="h">类别 :</span> <a href="##">${report.typename}</a></li>
									<li><span class="h">使用角色 :</span> <a href="##">${report.rolenames}</a></li>
								</ul>
								<!--port-category-->
							</div> <!--port-img-wrap-->
							<div class="port-info">
								<div class="port-info-i">
									<h4>针对客户</h4>
									<div class="port-info-border"></div>
									<p>${report.projectname}</p>
								</div>
								<!--port-info-i-->
								<div class="port-info-i">
									<h4>使用频率</h4>
									<div class="port-info-border"></div>
									<ul class="port-share">
										<li><span>每月 ${report.usingtimes} 次</span></li>
										<li><span>总计 ${report.totalcount} 次</span></a></li>
									</ul>
									<div class="clear"></div>
									<ul class="port-bts-wrapper">
										<li><a href="portfolio-single.html"><ins>
													<div class="bt-left"></div>
													<div class="bt-mid">详情</div>
													<div class="bt-right"></div>
												</ins></a></li>
										<li><a href="#"><ins>
													<div class="bt-left"></div>
													<div class="bt-mid">访问</div>
													<div class="bt-right"></div>
												</ins></a></li>
									</ul>
									<!--port-bts-wrapper-->
								</div>
								<!--port-info-i-->
							</div> <!--port-info-->
							<div class="port-right">
								<p>${report.description}</p>
								<br />
								<p>${report.purpose}</p>
							</div> <!--port-right-->
							<div class="clear"></div>
						</li>
					</c:forEach>
				</ul>
				<!--projects-->
				<custom:paging size="${reports.pagination.rowsPerPage}" total="${reports.pagination.totalPage}" curr="${reports.pagination.currentPage}" />
			</div>
			<div class="clear"></div>
		</div>
		<!--contentwrap-inner-->
	</div>
	<!--container-inner-->
	<div id="footer"></div>
	<!--footer-->
</body>
</html>
